<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<script src="jquery-1.8.0.min.js"></script>
    <title>task002</title>
	<style type="text/css">
	  .all{
		width:100%;
		height:100%;
		border:1px solid #999;
	  }
	  .three{
		width:100%;
		height:500px;
		background-color:#eee;
		border:1px solid #999;
	  }
	  .left{
		width:160px;
		height:auto;
		padding:20px;
		margin:20px;
		position: absolute;
		float:left;
		background-color:#fff;
		border:1px solid #999;
	  }
	  .square{
		width:80px;
		height:80px;
		margin-bottom:20px;
		background-color:#eee;
		border:1px solid #999;
	  }
	  .middle{
		margin:20px 160px auto 240px;
		padding:20px;
		background-color:#fff;
		border:1px solid #999;
	  }
	  .right{
		width:80px; 
		float:right;
		padding:20px;
		margin:20px;
		margin-top:-300px;
		background-color:#fff;
		border:1px solid #999;
	  }
    </style>
</head>
<body>
<div class="all">
<div class="three">
	<div class="left"><div class="square"><img src="../resource/picture/奖杯.jpg" /></div></div>
	<div class="middle">
		<p>可以给我们解释一下团队名称的来历，或是分别介绍你们的团队成员<br />
		 （以下为示例）<br />
		  百度Web前端技术学院是一个由百度人力资源部校园招聘组、百度EFE联合出品的、
		  面向在校大学生以及对前端技术有兴趣的前端学习平台，我们希望能够借助大量
		  优秀的前端工程师以及丰富的前端知识积累，帮助人们更加有趣、高效、系统地
		  学习Web前段技术。<br />
		  2016春季班概述<br />
		 一年之计在于春，经过漫长的冬季，又是开学之际，众多莘莘学子纷纷又回到校
		 园，投入学习之中。百度前端技术学院也在此时为大家带来了一道前端学习的饕鬄
		 盛宴。经过2年多的尝试与摸索，我们确认了实践、交流与分享，对于技术学习而
		 言，是非常有效且高效的手段，因此，本次春季班，我们特别搭建了一个线上平台
		 系统，通过这个系统向学员们发送编码任务，学员们在这个系统上提交作业地址
		 进行相互的代码评审（Code Review）与评价，同时在平台中积累自己的学习总结
		 笔记并分享给大家。为了让大家更加有动力进行这些学习方式，我们在整个春季班
		 的学习过程中，融入了竞赛模式，任务完成得好的，评价仔细认真的，笔记写得对
		 他人有帮助的，我们都会通过一套积分系统来进行排名。在头一个半月的任务“闯
		 关”之后，我们还特意安排了一个很有挑战性，能够发挥大家创新能力的大任务环
		 节，具体任务当然暂时保密。这个终极BOSS的挑战会作为整个春季班的最终环节。
		 </p>
	</div>
	<div class="right">
		<div class="square"><img src="../resource/picture/shenxiaoqing.jpg" /></div>
		<div class="square"><img src="../resource/picture/leipeng.jpg" /></div>
		<div class="square"><img src="../resource/picture/weihaowei.jpg" /></div>
		<div class="square"><img src="../resource/picture/weixiangfu.jpg" /></div>
	</div>
</div>
</div>
</body>
</html>

